.page-container {
  position: relative;
  margin: 0 auto;
  width: 100%;
  max-width: 960px;
}

.border-right {
  border-right: 1px solid var(--el-border-color);
}
.border-top {
  border-top: 1px solid var(--el-border-color);
}
.border-bottom {
  border-bottom: 1px solid var(--el-border-color);
}
.border-left {
  border-left: 1px solid var(--el-border-color);
}


.commin-router-view-wrapper {
  height: 100%;
  width: 100%;
  position: relative;
  /* overflow: hidden; */
}

.popper-class-common-wrapper {
  max-width: 400px;
  max-height: 150px;
  word-break: break-all;
  overflow: hidden;
}
.class-name-common-wrapper .cell {
  max-height: 64px;
  max-width: 400px;
  overflow: hidden;
  white-space: wrap;
  text-overflow: ellipsis;
  word-break: break-all;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  word-break: break-all;
}

.mr-16 {
  margin-right: 16px;
}

.ml-16 {
  margin-left: 16px;
}
